<template>
	<el-form ref="form" :model="form" label-width="80px" @submit.prevent="onSubmit" style="margin:20px;width:60%;min-width:600px;">
		<el-form-item label="活动名称">
			<el-input v-model="form.name"></el-input>
		</el-form-item>
		<el-form-item label="英文名">
			<el-input v-model="form.name"></el-input>
		</el-form-item>
		<el-form-item label="路径">
			<el-input v-model="form.name"></el-input>
		</el-form-item>
		<el-form-item label="图标">
			<el-input v-model="form.name"></el-input>
		</el-form-item>
		<el-form-item label="内容">
			<el-checkbox-group v-model="form.type">
				<el-checkbox label="查看" name="type"></el-checkbox>
				<el-checkbox label="添加" name="type"></el-checkbox>
				<el-checkbox label="修改" name="type"></el-checkbox>
				<el-checkbox label="删除" name="type"></el-checkbox>
			</el-checkbox-group>
		</el-form-item>
		<el-form-item label="备注">
			<el-input type="textarea" v-model="form.desc"></el-input>
		</el-form-item>
		<el-form-item>
			<el-button type="primary">保存</el-button>
			<el-button @click.native.prevent>取消</el-button>
			<el-button type="danger">删除</el-button>
		</el-form-item>
	</el-form>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				}
			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			}
		}
	}

</script>